﻿

			/* CSS Document */
			/* @design Disnay Batista <a href ="mailto:disnay@fejal.com.br">disnay@fejal.com.br</a> */

			@charset "iso-8859-1";

			* {
				border:none;
				padding:0px;
				text-decoration:none;
				margin: 0px;
				font: 12px/16px Arial, Helvetica, sans-serif;
				color:#333333;
				list-style: none; /*define as caractristicas das listas, */
				text-decoration:none; /*nesse atributo você define o tamanho da linha*/
				outline: none; /*nenhuma margem ao redor dos elemntos.*/
				}
			body { background: url(../images/bg.jpg) repeat-x; } /* cor de fundo alternativa #EBF5DF */
			/* fim */

			/* PRINCIPAL */
			#principal {/*  DEFINIÇÕES DE ESTILO PARA AJUSTAR O LAYOUT NO MEIO DA PÁGINA <div id="principal">  */
				width:770px;
				margin-right: auto;
				margin-left: auto;
				position: relative;
				background: #999999;
				}
			/* fim */

			/*   CLASSES PARA OS ELEMENTOS DE FORMULÁRIO   */
			label {
				padding-top: 2px;
				padding-bottom: 2px;
				}
			input, select, textarea {
				background-color:#FFFFFF;
				border:1px solid #cccccc;
				height: 18px;
				padding: 2px;
				}
			input.textfield {
				border: 1px solid #E0DFE3;
				}
			input.imageField {
				border-style: none;
				background: transparent;
				height: auto;
				width: auto;
				}
			/*  fim  */

			/*  DEFINIÇÕES DE ESTILO PARA AS TABELAS  */
			table {
				border-collapse:separate;
				width: 377px;
				}
			table tr td { padding:1px; 
				}
			table td.width80 { width:80px; }
			table tr td.alinhaDir {	text-align:right; }
			/*  fim  */

			/*  DEFINIÇÕES DE ESTILO PARA AS MENSAGENS  */
			.mensagens {
				line-height: 22px;
				color: #FF0000;
				width: auto;
				display: block;
				}
			.mensagens img {
				display: block;
				float: left;
				margin-right: 5px;
				margin-top: 3px;
				}
			/*  fim  */
			
			/* ÁREA DE LOGIN */
			#principal #bgLogin {
				height: 502px;
				width: 735px;
				position: absolute;
				left: 160px;
				background: url(../images/bgLogin.png) no-repeat;
				}
			#principal #bgLogin #login {
				height: 249px;
				width: 435px;
				float: left;
				margin-top: 75px;
				}
			#principal #bgLogin #logo{
				width: 367px;
				padding-left:39px;
				float: left;
				display: block;
				}
			#principal #bgLogin #login #loginTopo {
				height: 38px;
				width: 435px;
				float: left;
				background: url(../images/loginTopo.png);
				}
			#principal #bgLogin #login #loginTopo span {
				color: #FFFFFF;
				margin-left: 49px;
				display: block;
				margin-top: 10px;
				}
			#principal #bgLogin #login #loginMeio {
				float: left;
				width: 435px;
				background: url(../images/loginMeio.png);
				height: 159px;
				}
			#principal #bgLogin #login #loginMeio form {
				width: 377px;
				height: 149px;
				margin-left: 29px;
				margin-right: 29px;
				}
			#principal #bgLogin #login #loginMeio .textfield {
				background: #ccc;
				border: 1px solid #7F9DB9;
				}
			#principal #bgLogin #login #loginRodape {
				float: left;
				width: 435px;
				height: 52px;
				background: url(../images/loginRodape.png);
				}
			#principal #bgLogin #login #loginRodape span {
				margin-left: 49px;
				margin-top: 12px;
				display: block;
				color: #AFBCD8;
				}
			/* fim */

			/* POSICIONA A LOGOMARCA DO CTI NO RODAPÉ DA TELA DE LOGIN */
			#principal #bgLogin #rodapeLogin {
				position: absolute;
				bottom: 11px;
				left: 30px;
				}
			/* fim */
